//引入vue
import Vue from "vue"
//引入VueRouter
import  VueRouter  from "vue-router"

//引入路由组件
import Home from "../pages/Home"
import Login from "../pages/Login"
import Music from "../pages/Home/Music"
import News from "../pages/Home/News"
import Games from "../pages/Home/Games"
import Subject from "../pages/Home/Subject"
//让vue使用VueRouter这个插件
Vue.use(VueRouter)

//创建路由器对象并暴露
export default new VueRouter({
//在实例化路由器对象中书写路由配置
routes:[
    {path:"/login",component:Login,name:'login'},
    {
        path:"/Home",
        component:Home,
        name:"home",
        children:[
            // 在动态的params参数中，如果有可选的，请放在最后，并且添加一个?结尾
            {path:"music/:id/:time?",component:Music,name:"music"},
            {path:"news",component:News,name:"news"},
            {
                path:"games",
                component:Games,
                name:"games",
            // 在路由表中可以给当前路由配置元信息
                meta:{
                    hot:"我喜欢玩游戏",
                    isIcon:true
            }},
            {
                path:"subject",
                component:Subject,
                name:'subject',
                props:(route)=>{
                    return {...route.query,...route.params}
                }
            }
            //二级路由重定向的方式1
            // {path:"",redirect:"/home/music"},
            // 二级路由重定向的方式2：默认子路由,二级路由有默认子路由的，一级路由不能书写name属性
            // {path:"",component:Music}
        ]
    },
    
    //用redirect属性，指定一个路由地址，很方便的设置路由的重定向
    {
        path:"/",
        redirect:"/home"
    }

]

})